<!--
 * @Author: ZhaoZhiqi
 * @Date: 2023-10-13 11:06:59
 * @LastEditors: ZhaoZhiqi
 * @LastEditTime: 2023-10-13 17:40:58
 * @Description: 
 * @FilePath: \tuanfeng-mini\src\pages\publicity_detail.vue
-->
<template>
    <div class="container">
        <div class="card">
            <div class="item">
                <div class="label">事项名称：</div>
                <div class="value" style="font-weight: bold">{{ info.name }}</div>
            </div>
            <div class="item">
                <div class="label">事项类型：</div>
                <div class="value">{{ info.typeName }}</div>
            </div>
            <div class="item">
                <div class="label">所属领域：</div>
                <div class="value">{{ info.fieldName }}</div>
            </div>
            <div class="item">
                <div class="label">设定依据：</div>
                <div class="value">{{ info.basis }}</div>
            </div>
            <div class="item">
                <div class="label">部门职责：</div>
                <div class="value">{{ info.deptDuty }}</div>
            </div>
            <div class="item">
                <div class="label">乡镇职责：</div>
                <div class="value">{{ info.townDuty }}</div>
            </div>
            <div class="item">
                <div class="label">主体责任：</div>
                <div class="value">{{ info.mainDutyName }}</div>
            </div>
            <div class="item">
                <div class="label">配合责任：</div>
                <div class="value">{{ info.cooperateDutyName }}</div>
            </div>
        </div>
    </div>
</template>
<script>
import Empty from "../components/Empty.vue";
import { getInventoryDetailAPI } from "../api/apanage";

export default {
    components: { Empty },
    data() {
        return {
            loading: false,
            info: {},
        };
    },
    onShareAppMessage() {},
    onLoad(options) {
        let { id, title } = options;
        if (title) wx.setNavigationBarTitle({ title });

        wx.showLoading({
            title: "加载中...",
        });
        getInventoryDetailAPI({ id }).then((res) => {
            this.info = res.data;
            wx.hideLoading();
        });
    },
    methods: {},
};
</script>
<style scoped lang="scss">
@import "../assets/scss/common.scss";

.container {
    min-height: 100vh;
    background-color: #fafafa;
    box-sizing: border-box;
    padding-top: 10px;
    .card {
        padding: 15px;
        border-radius: 8px;
        background-color: #fff;
        margin: 0 15px 15px;
        box-shadow: 0 2px 8px 0 rgba(0, 0, 0, 0.1) !important;
        .item {
            display: flex;
            line-height: 24px;
            margin-bottom: 8px;
            &:last-child {
                margin: 0;
            }
            .label {
                flex: none;
                color: #0c3b96;
            }
            .value {
            }
        }
    }
}
</style>
